<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
    [v-cloak]{
      display: none;
    }
    
  </style>
</head>
<body>


</body>
<script>
  
//   传统get请求
  fetch('http://localhost:3000/fetch?id=1', {
    method: 'get'
  })
    .then(function (data) {
      return data.text()
    })
    .then(function (data) {
      console.log(data)
    })

<!--restful形式get请求-->
  fetch('http://localhost:3000/fetch2/2', {
    method: 'get'
  })
    .then(function (data) {
      return data.text()
    })
    .then(function (data) {
      console.log(data)
    })

<!--restful形式delete请求-->
  fetch('http://localhost:3000/fetch3/3', {
    method: 'delete'
  })
    .then(function (data) {
      return data.text()
    })
    .then(function (data) {
      console.log(data)
    })

<!--restful形式post，字符串提交请求-->
  fetch('http://localhost:3000/fetch4',{
    method:'post',
    body:"name=zs&age=19",
    headers:{
      'Content-Type':'application/x-www-form-urlencoded'
    }
  })
    .then(function (data) {
      return data.text()
    })
  .then(function (data) {
    console.log(data)
  })

<!--restful形式post，json提交请求-->
  fetch('http://localhost:3000/fetch4',{
    method:'post',
    body:JSON.stringify({
      name:'lisi',
      age:33
    }),
    headers:{
      'Content-Type':'application/json'
    }
  })
    .then(function (data) {
      return data.text()
    })
    .then(function (data) {
      console.log(data)
    })
  
//   restful形式put请求
  fetch('http://localhost:3000/fetch5/123',{
    method:'put',
    body:JSON.stringify({
      name: 'wangwu',
      age: 20
    }),
    headers:{
      'Content-Type':'application/json'
    }
  })
  .then(function (data) {
    return data.text()
  })
  .then(function (data) {
    console.log(data)
  })

<!--restful形式get请求，fetch获取数据改为json-->
  fetch('http://localhost:3000/fetch6',{
    method:'get'
  })
    .then(function (data) {
      return data.json()  //此处text()方法改为json()
    })
    .then(function (data) {
      console.log(data)
    })
</script>
</html>
